<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<title>Contacts</title>
	<link rel="stylesheet" href="css/css.css">
</head>
<body>
	<div class="wechat">
		<div class="header">
			<div class="we">WeChat</div>
			<div class="plus">
				<img src="imgs/plus.png">
			</div>
			<div class="search">
				<img src="imgs/search.png">
			</div>
		</div>
		<div class="bodyer">
			<div class="bodyer_list">
				<div class="contact_line">
					<div class="new_friend"><img src="imgs/新的朋友.png"></div>
					<div class="txt">New Friends</div>
				</div>
				<div class="contact_line">
					<div class="tel"><img src="imgs/联系人.png"></div>
					<div class="txt">Group chat</div>
				</div>
				<div class="contact_line">
					<div class="tags"><img src="imgs/biaoqian.png"></div>
					<div class="txt">Tags</div>
				</div>
				<div class="contact_line">
					<div class="gzh"><img src="imgs/公众号.png"></div>
					<div class="txt">Official Accounts</div>
				</div>
				<div class="common_space"> Send to WeChat for Work</div>
				<div class="contact_line">
					<div class="new_friend"><img src="imgs/新的朋友.png"></div>
					<div class="txt">工作室</div>
				</div>
				<div class="common_space"> A </div>
				<div class="contact_line">
					<div class="new_friend"><img src="imgs/新的朋友.png"></div>
					<div class="txt">New Friends</div>
				</div>
				<div class="common_space"> B </div>
				<div class="contact_line">
					<div class="new_friend"><img src="imgs/新的朋友.png"></div>
					<div class="txt">New Friends</div>
				</div>
				<div class="contact_line">
					<div class="new_friend"><img src="imgs/新的朋友.png"></div>
					<div class="txt">New Friends</div>
				</div>
				<div class="contact_line">
					<div class="new_friend"><img src="imgs/新的朋友.png"></div>
					<div class="txt">New Friends</div>
				</div>
				<div class="common_space"> C </div>
				<div class="contact_line">
					<div class="new_friend"><img src="imgs/新的朋友.png"></div>
					<div class="txt">New Friends</div>
				</div>
				<div class="contact_line">
					<div class="new_friend"><img src="imgs/新的朋友.png"></div>
					<div class="txt">New Friends</div>
				</div>
				<div class="contact_line">
					<div class="new_friend"><img src="imgs/新的朋友.png"></div>
					<div class="txt">New Friends</div>
				</div>
			</div>
			<div class="bar">
				<ul class="bar_list">
					<li><img src="imgs/长箭头.png" class="Img"></li>
					<li><img src="imgs/五角星.png"></li>
					<li>A</li><li>B</li><li>C</li><li>D</li><li>E</li><li>F</li><li>G</li><li>H</li>
					<li>I</li><li>J</li><li>K</li><li>L</li><li>M</li><li>N</li><li>O</li><li>P</li>
					<li>Q</li><li>R</li><li>S</li><li>T</li><li>U</li><li>V</li><li>W</li><li>X</li><li>Y</li><li>Z</li><li>#</li>
				</ul>
			</div>
		</div>
		<div class="footer">
			<div class="nav">
				<div class="img"><img src="imgs/消息.png"><i>9</i></div>
				<div class="lxr">WeChat</div>
			</div>
			<div class="nav">
				<div class="img"><img  class="bg" src="imgs/lxr.png"></div>
				<div class="chat">contacts</div>
			</div>
			<div class="nav">
				<div class="img"><img src="imgs/discover.png"><i class="dot"></i></div>
				<div class="find">discover</div>
			</div>
			<div class="nav">
				<div class="img"><img src="imgs/me.png"></div>
				<div class="me">me</div>
			</div>
		</div>
	</div>
</body>
</html>